<template>
	<view class="ifobox">
		<view class="left">
			<view class="ifo">
				<text class="name">{{infor.name}}</text>
				<text class="sex">{{infor.sex}}</text>
				<text class="phone">{{infor.user_phone}}</text>
			</view>
			<view class="time">
				<text>{{infor.time}}</text>
				<text>({{infor.week}})</text>
				<text>{{infor.update_time}}</text>
			</view>
		</view>
		<view class="right">
			{{state}}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			infor: {
				type: Object,
				default: ""
			},
			state: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style scoped lang="less">
	.ifobox {
		display: flex;
		justify-content: space-between;
	}

	.name {
		font-size: 30rpx;
		font-family: MicrosoftYaHei-Bold;
		color: #000000;
	}

	.sex {
		font-size: 22rpx;
		color: #666666;
		font-family: MicrosoftYaHei-Bold;
		margin-left: 20rpx;
	}

	.phone {
		font-size: 22rpx;
		color: #666666;
		font-family: MicrosoftYaHei-Bold;
		margin-left: 20rpx;
	}

	.right {
		font-size: 26rpx;
		color: #d72f2c;
		font-family: MicrosoftYaHei;
		margin-top: 20rpx;
	}

	.time {
		font-size: 24rpx;
		color: #000000;
		font-family: MicrosoftYaHei;
		margin-top: 31rpx;
	}
	.time>text{
		margin-right: 10rpx;
	}
</style>
